window.onload = function () {
  var flag = true;
  window.onscroll = function () {

    //------数字加载后的动态变化特效-------
    /*  // 原生写法
      var num = document.querySelectorAll('.strength .list .number');
      // console.log(num);
      // slice方法输入数组的话会返回输入的数组
      // console.log(Array.from(num)); 将伪数组转化为真数组  from是Array里的静态方法，不是原型里的实例方法
      // console.log([].slice.apply(num)); 将伪数组转化为真数组，num.from();
      // num.__proto__ = Array.prototype; 修改原型，不推荐
      // console.log(num);

    
        var top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        if (flag && top > 400) {
          //转化为真数组
          num = [].slice.apply(num);
          num.forEach(function (item) {
            //获取自定义属性data-max值
            var max = item.dataset.max;
            var time = 0;
            var n = item.innerHTML;

            // 根据不同的数字设置不同的定时器时间
            if (max < 50) {
              time = 100;
            } else if (max < 100) {
              time = 30;
            } else if (max < 300) {
              time = 10;
            } else {
              time = 1
            }

            //设置数字变化的定时器
            var t = setInterval(function () {
              if (n < max) {
                n++;
                item.innerHTML = n;
              } else {
                clearInterval(t);
              }
            }, time)
          })

          //将flag改为false，让他不在
          flag = false;
          window.onscroll = null;
        }*/

    //获取浏览器滚动的距离
    var top = $(window).scrollTop();
    if (flag && top > 400) {
      // jquery写法
      //each方法里面获取到的item是原生DOM对象
      $(".number").each(function (index, item) {
        var max = item.dataset.max;
        var time = 0;
        var n = $(item).html();

        // 根据不同的数字设置不同的定时器时间
        if (max < 50) {
          time = 100;
        } else if (max < 100) {
          time = 30;
        } else if (max < 300) {
          time = 10;
        } else {
          time = 1
        }

        //设置数字变化的定时器
        var t = setInterval(function () {
          if (n < max) {
            n++;
            $(item).html(n);
          } else {
            clearInterval(t);
          }
        }, time)
      })

      //将flag改为false，让他不在
      flag = false;
      //去掉滚动事件
      window.onscroll = null;
    }
  }

  //···成功案例····
  //显示第一个
  $(".success .case .article").hide().first().show();
  $(".success .case .logo li").first().addClass("active")

  //给每个li绑定不同的article
  $(".success .case .logo li").mouseenter(function () {
    //给经过的li添加active样式
    $(this).addClass("active").siblings().removeClass("active");
    // 获取index
    var index = $(this).index();
    $(".success .case .article").hide().eq(index).show();
  })

  //```新闻中心，根据不同的news_nav，显示不同的news_contents```
  //显示第一个
  $(".news .news_contents").hide().first().show();
  $(".news .news_nav a").first().addClass("active")
  //给每个a绑定不同的news_contents
  $(".news .news_nav a").mouseenter(function () {
    // 给经过的a添加样式
    $(this).addClass("active").siblings().removeClass("active");
    // 获取index
    var index = $(this).index();
    $(".news .news_contents").hide().eq(index).show();
  })

  //form表单
  var form = document.querySelector(".form form");
  var name = form.elements["name"];
  var phone = form.elements["tel"];
  var email = form.elements["email"];
  form.onsubmit = function () {
    if (!/^[\u2E80-\u9FFF]{2,}$/.test(name.value)) {
      alert("姓名必须为2位及以上中文");
      return false;
    }
    if (!/^1[3456789][0-9]{9}$/.test(phone.value)) {
      alert("手机格式不正确");
      return false;
    }
    if (!/^\w{2,}@[a-zA-Z0-9]{1,}\.[a-zA-Z0-9]{2,3}$/.test(email.value)) {
      alert("邮箱格式不正确");
      return false;
    }
  }




}